<div class="real-deal">
    <div class="buysellchart-buy">
        <!-- 标题 -->
        <div class="buysellchart-title buysellchart-commen">
            <ul>
                <li>{{$t('liveTrade.price')}}({{$$symbol.split('_')[0]}})</li>
                <li>{{$$symbol.split('_')[1]}}</li>
                <li>{{$t('liveTrade.time')}}</li>
            </ul>
        </div>

        <!-- 循环 -->
        <div class="buysellchart-content buysellchart-commen" ref="content">
            <template v-if="isLoading === true">
                <loading theme="dark"></loading>
            </template>

            <template v-else>
                <ul v-for="item in domList" v-show="domList.length > 0" @click="setPrice($event, item.price, item.num)" :class="item.isAdd && item.isAnimated === false ? 'add' : '' ">
                    <li v-html="item.priceText"></li>
                    <li class="fn-white">{{filter.floorFix(item.num,$$amountPrecision)}}</li>
                    <li>{{item.time | timezoneUnix('HH:mm:ss')}}</li>
                </ul>
                <no-data v-show="domList && domList.length === 0" style="padding-top: 32px;"></no-data>
            </template>
        </div>
    </div>
</div>
